<head>
    <title>seetcharts</title>
</head>

<body>
    <div class="navbar navbar-inverse">
        <div class="navbar-inner">
            <div class="container">
                <a class="brand" href="/">RocZhang</a>
                <ul class="nav pull-right">
                    <li>
                        {{> loginButtons}}
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <h1>Welcome to Meteor!</h1> {{> hello}}

	<div id="seat">
    <div class="wrapper">
        <div class="container">
            <div id="seat-map">
                <div class="front">屏幕</div>
            </div>
            <div class="booking-details">
                <p>影片：<span>星际穿越3D</span>
                </p>
                <p>时间：<span>11月14日 21:00</span>
                </p>
                <p>座位：</p>
                <ul id="selected-seats"></ul>
                <p>票数：<span id="counter">0</span>
                </p>
                <p>总计：<b>￥<span id="total">0</span></b>
                </p>

                <button class="checkout-button">确定购买</button>

                <div id="legend"></div>
            </div>
        </div>
    </div>
	</div>
</body>

<template name="hello">
    <button>Click Me</button>
    <p>You've pressed the button {{counter}} times.</p>
</template>

<template name="banner">
    <div class="container">
        <div class="row">
            <div class="span6">
                <div class="well">
                    <h4>Sign in using Twitter to submit new questions or to vote on existing questions.</h4>
                    {{loginButtons}}
                </div>
            </div>
        </div>
    </div>
</template>